<template>
  <div class="dingdanxiangqing_2">
    <div class="xiangqing_2_center">
      <ul class="">
        <li>
          <span>取车城市：{{ this.$store.state.shopname.slice(0,3) }}</span>
          <span>还车城市：{{ this.$store.state.shopname.slice(0,3) }}</span>
        </li>
        <li>
          <span>取车门店：{{ this.$store.state.shopname}}</span>
          <span>还车门店：{{ this.$store.state.shopname}}</span>
        </li>
        <li>取车时间：{{  this.$store.state.startime }}</li>
        <li>还车时间：{{ this.$store.state.endtime }}</li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  props: {},
  data() {
    return {};
  },
  methods: {},
  components: {},
};
</script>

<style scoped lang="less">
.dingdanxiangqing_2 {
  width: 100%;
  height: 3.25rem;
  font-size: 0;
  margin-top: 0.12rem;
  .xiangqing_2_center {
    width: 95%;
    height: 100%;
    border-radius: 0.08rem;
    padding: 0.3rem 0.16rem;
    margin: 0 auto;
    background: white;
    display: flex;
    align-items: center;
    ul {
      width: 100%;
      height: 95%;
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
      li {
        flex: 1;
        font-size: 0.25rem;
        color: #666666;
        display: flex;
        align-items: center;
      }
      li:nth-child(1),
      li:nth-child(2) {
        display: flex;
        justify-content: space-between;
        span {
          flex: 1;
        }
        span:last-child {
          padding-left: 0.4rem;
        }
      }
    }
  }
}
</style>
